import React, { Component } from 'react';
import '../styles/MySeckill.scss'

class MySeckill extends Component {
    constructor(props){
        super(props);
        this.state = {
            arr:[
                { name:'兰蔻菁纯臻颜淡纹眼霜 20ml两件套 淡化干纹细纹', originPrice: 1507, rushPrice: 1085, pic: 'https://pic.cdfgsanya.com/assets/upload/product/a024fd2e6e4bfbb7e73c0e4dc17595be_400x400.png'},
                { name:'肌肤之钥CPB长管隔离光凝润采妆前霜37ml', originPrice: 395, rushPrice: 376, pic: 'https://pic.cdfgsanya.com/assets/upload/product/394188c995aa79caf4b7611f2046a4c5_400x400.jpg' },
                { name:'兰蔻第二代小黑瓶精华肌底液 100ml两件套 修护肌底', originPrice: 1998, rushPrice: 1438, pic: 'https://pic.cdfgsanya.com/assets/upload/product/9778b756f21356dfa2e17d1d39665a37_400x400.jpg' },
                { name:'科颜氏高保湿霜套装', originPrice: 793, rushPrice: 570, pic: 'https://pic.cdfgsanya.com/assets/upload/product/5577c3765b2e97c00b14e82873c4db2a_400x400.jpg' },
                { name:'SK-II 赋能焕采精华霜 双瓶装 (大红瓶面霜 80g*2)', originPrice: 1950, rushPrice: 1365, pic: 'https://pic.cdfgsanya.com/assets/upload/product/508ae228fe78d23223f257bb7410c1c6_400x400.png' },
                { name:'海蓝之谜赋活保湿套装 保湿修护紧致舒缓护肤套装', originPrice: 7422, rushPrice: 5046, pic: 'https://pic.cdfgsanya.com/assets/upload/product/5519cb885c8a5ebbbf7f17b410fd75e5_400x400.jpg' },
                { name: '兰蔻菁纯臻颜五件套  修护抗老', originPrice: 7338, rushPrice: 5238, pic: '	https://pic.cdfgsanya.com/assets/upload/product/ddb8d98cc729f4a5dc8ec7539992bd58_400x400.jpg' },
                { name: '兰蔻菁纯臻颜三件套 150ml美容液60ml轻盈版乳霜20ml眼霜 修护抗老', originPrice: 3007, rushPrice: 2255, pic: 'https://pic.cdfgsanya.com/assets/upload/product/39714c6e26af68c2fc3ce0cb0fa013e2_400x400.jpg' },
                { name: 'SK-II 钻白环采修护套装 (神仙水精华230ml 小灯泡光蕴钻白精华50ml)', originPrice: 2260, rushPrice: 2149, pic: 'https://pic.cdfgsanya.com/assets/upload/product/8ea0d5ba113a14f1a3aea0674eb34423_400x400.jpg' },
            ]
        }
    }
    render() {
        return (
            <div className='seckill'>
                <div className='ms'>
                    <span>今日值得买</span>
                    <span>MORE➡</span>
                </div>
                {
                    this.state.arr.map((item,index)=>{
                        return (
                            <div className='product' key = {index}>
                                <img src={item.pic} alt=""/>
                                <div className='name'>{item.name}</div>
                                <span className='originprice'>原价 ￥{item.originPrice}</span>
                                <div className='rushprice'>抢购价 ￥{item.rushPrice}</div>
                            </div>
                        )
                    })
                }
            </div>
        );
    }
}

export default MySeckill;